<template>
    <div>
        <h2 class="title">大标题</h2>
        <School></School>
        <hr> 
        <Student></Student>
    </div>
</template>

<script>
//引入School组件
import School from './components/School.vue'
import Student from './components/Student.vue'

export default {
    name: 'App',
    components: {
        Student,
        School,
    },
}
</script>

<style lang="css">
    /* style还有一个属性lang，表示样式的语言，默认的是css，此外vue也支持less样式 */
    .title{
        color: red;
    }
    /*app组件中的样式不建议用scoped，因为app组件的样式可能在全局使用 */
</style>